<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>恒望科技</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css" class="">
</head>
<body>

<nav class="navbar navbar-light">
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-light">
            <a class="navbar-brand" href="#">
                <img src="img/logo_03.png" width="205" height="50" alt="">
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <div class="navbar-nav">
                    <ul class="navbar-nav">
                        <li class="nav-item">
                            <a class="nav-item nav-link active" href="#" id="nav-link1">首页</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-item nav-link active" href="#">解决方案</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-item nav-link active" href="#">产品展示</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-item nav-link active" href="#">客户案例</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-item nav-link active" href="#">服务中心</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-item nav-link active" href="#">新闻动态</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-item nav-link active" href="#">关于我们</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-item nav-link active" href="#">招贤纳士</a>
                        </li>
                    </ul>
                </div>
            </div>

        </nav>
    </div>
</nav>

<div class="banner">
    <div class="zi">
        <div class="zi1">
            <h2>全方位解决方案</h2>
            <h3>为您轻松解决不同问题</h3>
            <h5>比客户更懂客户</h5>
        </div>
    </div>
</div>


<main>
    <div class="container">
        <div class="main1">
            <div class="row">
                <div class="col-md-12" style="text-align: center">
                    <img src="img/dengpao_03.png" alt="" class="">
                    <span>解决方案</span>
                    <p>Solutions</p>
                </div>
                <div class="col-md-3">
                    <div>
                        <img src="img/tu1_03.png" alt="" class="">
                    </div>
                    <h6>网站、移动网站</h6>
                    <p>微信公众号开发移动网站微信公众号开发</p>
                </div>
                <div class="col-md-3">
                    <div>
                        <img src="img/tu2_05.png" alt="" class="">
                    </div>
                    <h6>网站、移动网站</h6>
                    <p>微信公众号开发移动网站微信公众号开发</p>
                </div>
                <div class="col-md-3">
                    <div>
                        <img src="img/tu3_07.png" alt="" class="">
                    </div>
                    <h6>网站、移动网站</h6>
                    <p>移动网站微信公众号开发移动网站微信公众号开发，解决方案</p>
                </div>
                <div class="col-md-3">
                    <div>
                        <img src="img/tu4_09.png" alt="" class="">
                    </div>
                    <h6>网站、移动网站</h6>
                    <p>网站、移动网站微信公众号开发移动网站微信公众号开发，解决方案</p>
                </div>
            </div>
        </div>
    </div>
    <div class="main2">
        <div class="col-md-12" style="text-align: center">
            <img src="img/baoxiang_03.png" alt="" class="">
            <span>客户案例</span>
            <p>Customer Case</p>
        </div>
        <div class="main-2 clearfix">
            <div class="er">
                <img src="img/dt1_02.png" alt="" class="">
            </div>
            <div class="er">
                <img src="img/dt2_03.png" alt="" class="">
            </div>
            <div class="er">
                <img src="img/dt3_04.png" alt="" class="">
            </div>
            <div class="er">
                <img src="img/dt4_05.png" alt="" class="">
            </div>
            <div class="er">
                <img src="img/dt5_06.png" alt="" class="">
            </div>
            <div class="er">
                <img src="img/dt6_07.png" alt="" class="">
            </div>
            <div class="er">
                <img src="img/dt7_08.png" alt="" class="">
            </div>
            <div class="er">
                <img src="img/dt8_09.png" alt="" class="">
            </div>
        </div>
    </div>
    <div class="main3">
      <div class="container">
          <div class="row">
              <div class="col-md-10">
                  <h5>全方位解决方案，为您轻松解决不同问题</h5>
                  <p>A full range of solutions for you to solve different problems</p>
              </div>
              <div class="col-md-2">
                  <a href="" class="">查看更多》</a>
              </div>
          </div>
      </div>
    </div>
    <div class="main4">
      <div class="container">
          <div class="row">
              <div class="col-md-12" style="text-align: center">
                  <img src="img/xinwendongtai_10.png" alt="" class="">
                  <span>新闻动态</span>
                  <p>Heng Wang News</p>
              </div>
              <div class="col-md-6">
                  <div class="container">
                      <div class="row">
                          <div class="col-md-5">
                              <img src="img/rz_14.png" alt="" class="">
                          </div>
                          <div class="col-md-7">
                              <h5>关于召开年会的通知</h5>
                              <p>互联网，又称网际网路或音译因特网、英特网，是网路与网络之间所串联成的庞大网络与网络之...</p>
                              <a href="" class="">查看更多》</a>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="col-md-6">
                  <div class="container">
                      <div class="row">
                          <div class="col-md-5">
                              <img src="img/zy_17.png" alt="" class="">
                          </div>
                          <div class="col-md-7">
                              <h5>关于召开年会的通知</h5>
                              <p>互联网，又称网际网路或音译因特网、英特网，是网路与网络之间所串联成的庞大网络与网络之...</p>
                              <a href="" class="">查看更多》</a>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>
    </div>
    <div class="main5">
        <div class="col-md-12" style="text-align: center">
            <img src="img/sanren_07.png" alt="" class="">
            <span>服务客户</span>
            <p>Serve Customers</p>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-7">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-3">
                                <img src="img/xt1_03.png" alt="" class="">
                            </div>
                            <div class="col-md-3">
                                <img src="img/xt2_03.png" alt="" class="">
                            </div>
                            <div class="col-md-3">
                                <img src="img/xt3_03.png" alt="" class="">
                            </div>
                            <div class="col-md-3">
                                <img src="img/xt4_03.png" alt="" class="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-5">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-4">
                                <img src="img/xt5_05.png" alt="" class="">
                            </div>
                            <div class="col-md-4">
                                <img src="img/xt6_08.png" alt="" class="">
                            </div>
                            <div class="col-md-4">
                                <img src="img/xt7_03.png" alt="" class="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>


<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-5" style="    padding-top: 46px;">
                <div class="container">
                    <h5>联系我们</h5>
                    <ul>
                        <li><a href="">地址：武汉市洪山区街道口鹏程国际B座2511</a></li>
                        <li><a href="">电话：18238765101</a></li>
                        <li><a href="">传真：（123）456-7890</a></li>
                        <li><a href="">邮箱：support@vectorlab.com</a></li>
                    </ul>
                    <span><img src="img/dianhua_03.png" alt="" class=""><span>027-82671661</span></span>
                </div>
            </div>
            <div class="col-md-7" style="    padding-top: 46px;">
                <div class="container">
                    <h5>相关链接</h5>
                    <div class="row">
                        <div class="col-md-4">
                            <ul>
                                <li>解决方案</li>
                                <li>服务中心</li>
                            </ul>
                        </div>
                        <div class="col-md-4">
                            <ul>
                                <li>产品展示</li>
                                <li>关于我们</li>
                            </ul>
                        </div>
                        <div class="col-md-4">
                            <ul>
                                <li>客户案例</li>
                                <li>招贤纳士</li>
                            </ul>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

</footer>




<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>